 <div class="span7 tab_detail">
                    <ul class="nav nav-tabs" id="myTab">
                        <li class="active"><a href="#photos" data-toggle="tab">Photos</a></li>
                        <li><a href="#map" data-toggle="tab">Map</a></li>
                        <li><a href="#birdseye" data-toggle="tab">Bird's Eye</a></li>
                    </ul>

                    <div id="myTabContent" class="tab-content">
                        <div class="tab-pane active" id="photos">
                            <!-- Slideshow 3 -->
                            <ul class="resslides" id="slider3">
                            <?php 
                            if($output['properti']['picture']!= null){
                                foreach ($output['properti']['picture'] as $pic) {
                                   echo '<li>';
                                   echo '<img src="'.base_url().'pictures/properti/'.$pic.'">';
                                   echo '</li>';
                                }
                            } else {
                                echo '<li>';
                                echo '<img src="'.base_url().'assets/img/rumah_default2.gif">';
                                echo '</li>';
                            }
                            ?>
                              <!-- <li><img src="<?php echo base_url(); ?>assets/img/images1.jpg" alt=""></li>
                              <li><img src="<?php echo base_url(); ?>assets/img/images1.jpg" alt=""></li> -->
                              
                            </ul>

                            <!-- Slideshow 3 Pager -->
                            <ul id="slider3-pager">
                            <?php 
                            if($output['properti']['picture']!= null){
                                foreach ($output['properti']['picture'] as $pic) {   
                                    $url = base_url().'pictures/properti/'.$pic;
                                    echo '<li>';
                                    echo '<a href="#">';
                                    echo '<img width="50px" height="50px" src="'.$url.'">';
                                    echo '</a>';
                                    echo '</li>';
                                }
                            } else {
                                // echo '<li>';
                                // echo '<img src="'.base_url().'assets/img/rumah_default2.gif">';
                                // echo '</li>';
                                echo "<li>belum ada foto</li>";
                            }
                            ?>
                              <!-- <li><a href="#"><img width="50px" height="50px" src="<?php echo base_url(); ?>assets/img/images1.jpg" alt=""></a></li>
                              <li><a href="#"><img width="50px" height="50px" src="<?php echo base_url(); ?>assets/img/images1.jpg" alt=""></a></li>
                               -->
                            </ul>
                        </div>
                        <div class="tab-pane" id="map">                 
                        <div id="mapdiv" style="height:100%;"></div>
                                <div id="mapoutput" style="background-color: #FFDD22; font-weight: bold;">Latitude:<br>Longitude:</div>                    
                                
                            <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&amp;sensor=false&amp;key=AIzaSyD3VSb2IYSKdPdcDWFffqh0pGy9S47Klzk"></script>
                            <script type="text/javascript">
                              google.maps.event.addDomListener(window, "load", function() {
                                //
                                // initialize map
                                //

                                var map = new google.maps.Map(document.getElementById("mapdiv"), {
                                  center: new google.maps.LatLng(<?php echo $output['properti']['alamat']['lat'] ?>, <?php echo $output['properti']['alamat']['long'] ?>),
                                  zoom: 13,
                                  mapTypeId: google.maps.MapTypeId.ROADMAP
                                });
                                //google.maps.event.trigger(map, 'resize'); 
                                //
                                // initialize marker
                                //
                                var marker = new google.maps.Marker({
                                  position: map.getCenter(),
                                  draggable: true,
                                  map: map
                                });
                                //
                                // intercept map and marker movements
                                //
                                google.maps.event.addListener(map, "idle", function() {
                                  marker.setPosition(map.getCenter());
                                  document.getElementById("mapoutput").innerHTML = "<a href=\"https://maps.google.com/maps?q=" + encodeURIComponent(map.getCenter().toUrlValue()) + "\" target=\"_blank\" style=\"float: right;\">Go to maps.google.com</a>Latitude: " + map.getCenter().lat().toFixed(6) + "<br>Longitude: " + map.getCenter().lng().toFixed(6);
                                });
                                google.maps.event.addListener(marker, "dragend", function(mapEvent) {
                                  map.panTo(mapEvent.latLng);
                                });
                                //
                                // initialize geocoder
                                //
                                var geocoder = new google.maps.Geocoder();
                                google.maps.event.addDomListener(document.getElementById("mapform"), "submit", function(domEvent) {
                                  if (domEvent.preventDefault){
                                    domEvent.preventDefault();
                                  } else {
                                    domEvent.returnValue = false;
                                  }
                                  geocoder.geocode({
                                    address: document.getElementById("mapinput").value
                                  }, function(results, status) {
                                    if (status == google.maps.GeocoderStatus.OK) {
                                      var result = results[0];
                                      document.getElementById("mapinput").value = result.formatted_address;
                                      if (result.geometry.viewport) {
                                        map.fitBounds(result.geometry.viewport);
                                      }
                                      else {
                                        map.setCenter(result.geometry.location);
                                      }
                                    } else if (status == google.maps.GeocoderStatus.ZERO_RESULTS) {
                                      alert("Sorry, the geocoder failed to locate the specified address.");
                                    } else {
                                      alert("Sorry, the geocoder failed with an internal error.");
                                    }
                                  });
                                });
                              });
                            </script>
                        </div>
                        <div class="tab-pane" id="birdseye">Di sini untuk bird's eye</div>
                    </div>
                </div>